<template>
  <div>
    父组件
    <!-- 插槽 父给子传递数据(在子组件标签体内书写) -->
    <!-- 插槽分为 默认插槽 具名插槽 作用域插槽 -->
    <SlotS>
      <template>
        <h4>默认插槽</h4>
        <a href="http://www.baidu.com">点击去百度</a>
      </template>

      <template slot="juming">
        <!-- slot="juming" 可以简写成 #juming -->
        <h4>具名插槽</h4>
        <a href="http://www.baidu.com">点击还去百度</a>
      </template>
    </SlotS>
  </div>
</template>

<script>
import SlotS from "@/components/Slot/SlotS";
export default {
  name: "SlotF",
  components: {
    SlotS,
  },
};
</script>

<style lang="less" scoped>
div {
  border: 1px solid #000;
}
</style>